﻿html, body {width: 100%;min-height: 100%;background: #e5e5e5;}	
body{	
	overflow: hidden;	
}	
.h80 {height: 80px;}	
.h40 {height: 40px;}	
.h20 {height: 20px;}	
.h10 {height: 10px;background: #e5e5e5;}	
.h1 {height: 1px;margin-left: 15px;background: #e5e5e5;}	
.fr {float: right;}	
.fl {float: left;}	
.hightitem {background-color: #fff;}	

/* 抢购样式 */	
.snapup {height: 80px;}	
.snapup .infologo {height: 60px; margin: 10px;}	
.snapup .shelf2 {display: table;height: inherit;margin-left: 10px;}	
.snapup .shelfcell {display: table-cell;vertical-align: middle;}	
.snapup .shelfcell .title {margin-bottom: 10px;}	
.snapup .arrow {width: 20px; padding-top: 30px;padding-right: 10px;}	

/* 2X2样式 */	
.row {display: -webkit-box;/*display: -webkit-flex;display: flex;*/}	
.col {-webkit-box-flex:1; -webkit-flex:1; flex:1;position: relative;}	
.col img {position: absolute; right: 0; width: 80px; top: 0;}	
.col .matrixcell {display: table-cell;vertical-align: middle; padding-left: 10px;}	
.col .matrixcell .title {margin-bottom: 10px;overflow: hidden;}	
.matrix {display: table;height: inherit;}	

/* 猜你喜欢 */	
.guesstitle {height: 40px;line-height: 40px;padding-left: 10px;vertical-align: top; font-size: 12px;color: #999;}	
.guesstitle img {height: 15px;padding-top: 12px; padding-left: 10px;}	
.home-tuan-list .item {position: relative; display: block; padding-left: 10px; border-bottom: 1px solid #e0e0e0;}	
.home-tuan-list .cnt {padding: 7px 10px 10px 0; display: box; display: -webkit-box; display: -webkit-flex;display: flex;min-height: 78px;  background-size: auto 1px; }	
.home-tuan-list .pic {margin-right: 10px; background: center; }	
.home-tuan-list img {width: 90px; height: 66px; margin-top: 7px; margin-bottom: 5px; border-radius: 3px; }	
.home-tuan-list .wrap {-webkit-box-flex: 1; -webkit-flex: 1;flex: 1;}	
.home-tuan-list .wrap2 {display: table; height: 88px; width: 100%; }	
.home-tuan-list .content {-webkit-box-flex: 1; -webkit-flex: 1;flex: 1; display: table-cell; vertical-align: middle; }	
.home-tuan-list .shopname {color: #333;font-size: 17px; max-width: 11em; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; min-height: 10px; padding-bottom: 2px; padding-top: 3px; display: inline-block;}	
.home-tuan-list .title {color: #666; line-height: 16px; font-size: 13px; max-height: 30px; overflow: hidden; padding-top: 3px; display: -webkit-box;display: -webkit-flex;display: flex; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-flex-flow: column;flex-flow: column;}	
.home-tuan-list .hot-title {margin-bottom: 8px; }	
.home-tuan-list .hot-subtitle {margin-bottom: 9px; }	
.home-tuan-list .info {margin-top: 9px; /*margin-bottom: 11px;*/ color: #666; font-size: 12px; position: relative; line-height: 15px; display: box; display: -webkit-box;display: -webkit-flex;	
	display: flex; height: 15px; }	
.home-tuan-list .symbol {font-size: 14px; color: #f60; display: block; margin-top: 1px; }	
.home-tuan-list .price {color: #f60; font-size: 20px; line-height: 15px; margin-right: 5px; margin-top: 1px; }	
.home-tuan-list .o-price {color: #999; margin-top: 5px; line-height: 10px; }	
.home-tuan-list .sale {color: #f63; border: solid 1px #ff916e; padding: 3px 2px 2px; font-size: 10px; border-radius: 2px; -webkit-border-radius: 2px; margin-left: 5px; line-height: 10px; height: 10px; }	
.home-tuan-list .distance {-webkit-box-flex: 1; box-flex: 1;-webkit-flex: 1;flex: 1; -ms-box-flex: 1; -ms-flex: 1; text-align: right; line-height: 10px; margin-top: 5px; color: #999; float: right;font-size: 12px;}	
.home-tuan-list .price, .index-rec .home-tuan-list .o-price, .index-rec .home-tuan-list .distance, .index-rec .home-tuan-list .sale {display: block; line-height: 15px; font-size: 12px; }	
.Fix:after {display: block; content: ''; height: 0; clear: both; }	

/* 3. */	
.section03 .col img {width: 60px; top: 10px;}	
.section03 .title01 .title{color: #965037;}	
.section03 .title02 .title{color: #ffa001;}	
.section03 .title03 .title{color: #ff558c;}	
.section03 .title04 .title{color: #19b4ff;}	
.section03 .matrixcell .info {color: #666;}	

/* 2. */	
.section02 .shelfcell .title span{color: #ff6633;}	
.section02 .shelfcell .subtitel {color: #666;font-size: 14px;}	
	

/* 1. */	
.section01 .row {margin-top: 10px;}	
.section01 .col {text-align: center;}	
.section01 .col img {position: relative;width: 60%; }	
.section01 .col div {font-size: 13px;margin-top: 5px; }	

.presshover {background-color: #FAFAFA;}	
.brb {border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}	
.bb {border-bottom: 1px solid #e0e0e0;}	
.br {border-right: 1px solid #e0e0e0;}	
.swipe {	
	width: 100%;	
	background-color: #fff;	
	overflow: hidden;	
	position: relative;	
}	
.swipe-wrap {	
	overflow: hidden;	
	position: relative;	
}	
.swipe-wrap .swipe-box {	
	padding-bottom: 10px;	
	float: left;	
	width: 100%;	
	position: relative;	
}	